<!-- 文件名：StudentView.vue -->
<!-- 作者：系统自动生成 -->
<!-- 创建日期：2025-04-26 -->
<!-- 描述：学生管理页面视图组件，包含学生列表、新增学生等功能 -->

<template>
  <div>
    <h1>学生管理</h1>
    <!-- 学生列表 -->
    <el-table :data="studentList" style="width: 100%">
      <el-table-column prop="name" label="学生姓名" />
      <el-table-column prop="studentId" label="学号" />
      <el-table-column prop="class" label="班级" />
      <el-table-column prop="status" label="状态" />
    </el-table>
    <!-- 新增学生按钮 -->
    <el-button type="primary" @click="handleAddStudent">新增学生</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentList: [] // 学生列表数据
    }
  },
  methods: {
    // 获取学生列表
    async getStudentList() {
      // TODO: 调用后端接口获取学生列表
    },
    // 处理新增学生
    handleAddStudent() {
      // 检查是否有添加学生的权限
      if (!this.$hasPermission('student:add')) {
        this.$message.error('权限不足，无法添加学生')
        return
      }
      // 有权限则执行添加逻辑
      // TODO: 实现新增学生逻辑
    }
  },
  mounted() {
    this.getStudentList()
  },
  // 已移除自定义权限检查方法，改用全局$hasPermission方法
}
</script>

<style scoped>
/* 学生管理页面样式 */
</style>